.picker-select {
  @apply -flex -items-center -gap-1 -justify-between;
}

/* Override the .form-control style: display:block */
.picker-select.form-control {
  @apply -flex;
}

.picker-select-placeholder {
  @apply -flex-auto -text-placeholder;
}
.picker-select-multi .picker-select-placeholder {
  @apply -px-1;
}

.picker-single-selection {
  @apply -flex-auto -min-w-0 -overflow-hidden -whitespace-nowrap;
}

.picker-deselect-btn {
  @apply -p-1 -rounded-full;
}
.picker-deselect-btn:not(:hover) {
  @apply -opacity-70;
}

.picker-select-multi.form-control {
  @apply -h-auto -pl-1 -min-h-[32px];
}
.picker-multi-selections {
  @apply -flex -flex-wrap -gap-1 -min-w-0;
}
.picker-multi-selection {
  @apply -flex -items-center -border -bg-surface -pl-2 -rounded-full -max-w-full;
}
.readonly .picker-multi-selection {
  @apply -pr-2;
}
.picker-multi-selection > .text {
  @apply -max-w-[180px] -whitespace-nowrap -overflow-clip -min-w-0;
}

.picker-no-search {
  @apply -cursor-default;
}
